<!--
 * @Author: 卡卡 1071780426@qq.com
 * @Date: 2023-09-12 13:43:30
 * @LastEditors: 卡卡 1071780426@qq.com
 * @LastEditTime: 2024-01-29 14:23:09
 * @FilePath: \mould\src\views\QualityGridManage\BehaViorManage\quality-G-R-Manage\onlineRecordWork\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="tableInfo">
    <TableLyout >
    
     

      <template v-slot:serchbox>
        <publicForm
          ref="publicForm"
          @yj_searchForm="yj_searchForm"
          lableWidth="110px"
          :formObj="searchObj"
          :formData="getList"
        >
        </publicForm>
      </template>
     
      <template v-slot:tabcom>
        <div class="tableInfo">
          <el-table
            border
            :stripe="false"
            fit
            @row-click="rowChange"
            :highlight-current-row="true"
            :data="tableData"
            id="chartTableExpand"
            style="width: 100%"
            ref="chartTable"
            @expand-change="rowChange"
            height="100%"
          >
            <el-table-column
              type="index"
              width="50"
              :index="hIndex"
              label="序号"
              align="center"
            >
            </el-table-column>
            <el-table-column type="expand">
              <template slot-scope="scope">
                <div class="table">
                  <div class="tableInfo">
                    <el-table
                      stripe
                      :highlight-current-row="true"
                      :ref="'expandTable' + scope.row.fId"
                      :data="scope.row.curingList"
                      style="width: 100%"
                      v-loading="loading"
                    >
                      <el-table-column
                        type="index"
                        width="50"
                        label="序号"
                        align="center"
                      >
                      </el-table-column>

                      <el-table-column
                        prop="fCuringno"
                        label="养护架编号"
                        min-width="70"
                        align="center"
                      >
                      </el-table-column>
                      <el-table-column
                        min-width="150"
                        align="center"
                        prop="fCuringnum"
                        label="层数总数"
                      >
                      </el-table-column>
                    </el-table>
                  </div>
                </div>
              </template>
            </el-table-column>
            <el-table-column
              prop="fCompanyname"
              label="标段"
              min-width="150"
              align="center"
            >
            </el-table-column>
            <el-table-column
              align="center"
              prop="fCuringno"
              min-width="70"
              label="养护室编号"
            >
            </el-table-column>

            <el-table-column
              align="center"
              min-width="150"
              prop="fCuringname"
              label="养护室名称"
            >
              <template slot-scope="scope">
                <div
                  style="
                   
                    display: flex;

                    justify-content: center;
                  "
                >
                  <span >
                    {{ scope.row.fCuringname }}
                  </span>
                </div>
              </template>
            </el-table-column>

            <el-table-column
              align="center"
              min-width="100"
              prop="fCuringnum"
              label="养护架总数"
            >
            </el-table-column>
            <el-table-column
              align="center"
              min-width="140"
              prop="fCuringnote"
              label="备注"
            >
            </el-table-column>
          </el-table>
          <div class="block">
            

            <el-pagination
              @size-change="handleSizeChange"
              @current-change="handleCurrentChange"
              :current-page="getList.page"
              :page-size="getList.pageSize"
              :page-sizes="pageSizes"
              layout="total, sizes, prev, pager, next, jumper"
              :total="queryCriteriaData.total"
            >
            </el-pagination>
          </div>
        </div>
      </template>
    </TableLyout>
    
  </div>
</template>
<script src="./index.js"></script>
<style scoped lang="less">
@import "./index.less";
</style>
